﻿/*
-----------------------------------------------------------------------------------
<copyright file="StaticPages.css" company="Microsoft Corporation">
         (c) © 2016 Microsoft. All rights reserved.
    
</copyright>
---------------------------------------------------------------------------------
*/

html {
	padding-top:1%;
	padding-left:15%;
	padding-right:15%;
	padding-bottom:1%;
	background-color:#222;
	font-family:Segoe UI, Calibri, Verdana, sans-serif;
}

body {
	background-color:white;
    min-width:320px;
}

main {
    display:block;
}

.navLinks {
	padding-left:0;
}

h1 {
	font-size:36pt;
	text-align:center;
	font-weight:normal;
	transform:translateY(25%);
}

p[class=infoText] {
	text-indent:3.5%;
}

nav {
	background:#008272;
	min-height:50px;
}

    .navLink {
	    display:inline-block;
	    text-align:center;
    }

    li.navLink > a {
	    text-decoration:none;
	    color:white;
	    font-size:16pt;
	    text-align:center;
        display:inline-block;
        padding:0 20px;
        height:50px;
        line-height:50px;
    }
    
        li.navLink > a:active {
	        color:#008272;
	        background:white;
        }

        li.navLink > a:hover {
	        color:#008272;
	        background:white;
        }

footer {
	background:#ACACAC;
	min-height:50px;
}

    .footLink {
        display:inline-block;
        text-align:center;
        padding:11px;
    }

        li.footLink > a {
            color:black;
	        font-size:12pt;
	        text-align:center;
        }

.info, .example, .practice {
	padding-bottom:2%;
	padding-left:10%;
	padding-right:10%;
}

div[class=example] > p {
    white-space:pre-wrap;
}

div[class=practice] > p {
    white-space:pre-wrap;
}

.skipToLinks li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}

.version {
    overflow:auto;
    height:200px;
}

.bold {
    font-weight:bold;
}

.underline {
    text-decoration:underline;
}

.italic {
    font-style:italic;
}

.red {
    color:#E81123;
}

.teal {
    color:#008272;
}

.highlight {
    background-color:yellow;
}

.format {
    white-space:pre-wrap;
}

.large {
    font-size:large;
}

.code {
    font-family:monospace;
}

.newCode {
    color:#E81123;
    font-weight:900;
}